<template>
  <div class="page">
		<!-- <van-nav-bar
			title="首页"
		/> -->
		<van-nav-bar :title="title">
		</van-nav-bar>
		<van-button type="primary" @click="$router.togo('/about')">跳转about</van-button>
		
	</div>
</template>

<script>

export default {
  data () {
		return {
			title: '首页',
		}
	},
	methods:{
		togo () {
			this.$router.togo('/about')
		},
		getImg(){
			let _this = this;
			// this.$http.getImg({
			// 	id: 1
			// }).then( (res) => {
			// 	console.log(res);
			// });			
		}
	},
	mounted () {
		this.getImg()
		// this.$toast.loading({
		//   message: '加载中...',
		//   forbidClick: true,
		// });
	}
};
</script>

<style lang="scss">
	@import '~styles/theme';
	.home{
		background-color: $theme_color;
		width: 375px;
		.name1{
			font-size: 20PX;
			position: relative;
			&:active{
				color: red;
			}
		}
		.name{
			font-size: 18px;
		}
	}
</style>